victory-core

What is victory-core?

The victory-core npm package is a part of the Victory library, which is a collection of composable React components for building interactive data visualizations. The core package provides essential utilities and components that are used across the Victory ecosystem.

What are victory-core's main functionalities?

Data Utilities

Victory-core provides utilities for formatting and manipulating data, which can be used to prepare data for visualization.

const { Data } = require('victory-core');
const data = [
  { x: 1, y: 2 },
  { x: 2, y: 3 },
  { x: 3, y: 5 }
];
const formattedData = Data.formatData(data);
console.log(formattedData);

Animation

Victory-core includes components for animating data changes, which can be used to create dynamic and interactive visualizations.

const { VictoryAnimation } = require('victory-core');
const React = require('react');
const { render } = require('react-dom');

const AnimatedComponent = () => (
  <VictoryAnimation duration={1000} data={{ x: 10 }}>
    {(newProps) => {
      return <div>{newProps.x}</div>;
    }}
  </VictoryAnimation>
);

render(<AnimatedComponent />, document.getElementById('root'));

Themes

Victory-core provides theming capabilities, allowing users to apply consistent styles across their visualizations.

const { VictoryTheme } = require('victory-core');
const theme = VictoryTheme.grayscale;
console.log(theme);

Other packages similar to victory-core

recharts

Recharts is a composable charting library built on React components. It provides a wide range of chart types and is known for its simplicity and ease of use. Compared to victory-core, Recharts offers a more extensive set of pre-built chart components but may not be as flexible in terms of customization.

nivo

Nivo provides a rich set of data visualization components built on top of D3 and React. It offers a variety of chart types and is highly customizable. Nivo is similar to victory-core in terms of flexibility and customization but leverages D3 for more complex visualizations.

react-vis

React-vis is a library for data visualization developed by Uber. It provides a set of React components for creating common charts and graphs. React-vis is known for its simplicity and ease of integration with React applications. Compared to victory-core, react-vis may have fewer customization options but is easier to get started with.

README

VictoryCore

victory-core@30.0.0 exports packages that are used by several Victory components:

• VictoryAnimation
• VictoryClipContainer
• VictoryContainer
• VictoryLabel
• VictoryPortal and Portal
• VictoryTheme
• VictoryTransition
• Several primitive components: Arc, Border / Box, Circle, ClipPath, LineSegment (formerly Axis / Grid), Line, Path, Point, Rect, Text, TSpan, Whisker
• Several utilities:
  • addEvents, Axis, Collection, CommonProps, Data, DefaultTransitions, Domain, Events, Helpers, Immutable, LabelHelpers, Log, PropTypes, Scale, Selection, Style, TextSize, Timer, Transitions, Wrapper

Please visit our documentation site to read more about these components https://formidable.com/open-source/victory

Changelog

31.2.0 (2019-01-27)

Axis improvements

• 1244 Supports the axisValue prop for both cartesian and polar charts. This prop allows users to position an axis relative to a value on the opposite axis. Values may be given as numbers, dates, or strings. This prop only works for axis components when they are nested within VictoryChart. Standalone axes can still be positioned using offsetX and offsetY` props.
• 1240 Allows multiple independent axes in a single chart

Removes all deprecated lifecycle methods

• 1239 Removes all componentWillReceiveProps lifecycle methods and adds shouldComponentUpdate logic for higher level components. Previously only the lowest level components performed sCU checks.
• 1228 Replaces componentWillMount with componentDidMount

bug fixes

• 1243 Prevents VictoryBrushLine active brushes from overflowing the brush area when a chart is zoomed
• 1241 Fixes a regression effecting immutable data rendering
• 1227 Fixes a minor regression effecting parent event keys introduced by 1211